<div class="akea-bottom-page-builder-container akea-container">
    <div class="akea-bottom-page-builder-sidebar-wrap akea-sidebar-style-none">
        <div class=akea-bottom-page-builder-sidebar-class>
            <div class="akea-bottom-page-builder-content akea-item-pdlr">
                {% if prev is not empty or next is not empty  %}
                    <div class="akea-single-nav-area clearfix">
                        {% if prev is not empty %}
                            <span class="akea-single-nav akea-single-nav-left" style="width: 50%">
                                <span class="akea-text akea-title-font">上一篇</span><br>
                                <a href="{{ path('article_content', {id: prev.id}) }}">
                                    <span class="akea-single-nav-title akea-title-font">{{ prev.title }}</span>
                                </a>
                            </span>
                        {% endif %}
                        {% if next is not empty %}
                            <span class="akea-single-nav akea-single-nav-right" style="width: 50%">
                                <span class="akea-text akea-title-font">下一篇</span><br>
                                <a href="{{ path('article_content', {id: next.id}) }}">
                                    <span class="akea-single-nav-title akea-title-font">{{ next.title }}</span>
                                </a>
                            </span>
                        {% endif %}
                    </div>
                {% endif %}
                <div class="akea-single-related-post-wrap akea-item-rvpdlr">
                    <h3 class="akea-single-related-post-title akea-item-mglr">相关推荐</h3>
                    <div class="gdlr-core-blog-item-holder clearfix">
                        {% for page in related %}
                            <div class="gdlr-core-item-list  gdlr-core-item-pdlr gdlr-core-column-30">
                                <div class="gdlr-core-blog-grid ">
                                    <div class="gdlr-core-blog-thumbnail-wrap clearfix">
                                        <div class="gdlr-core-blog-thumbnail gdlr-core-media-image  gdlr-core-opacity-on-hover gdlr-core-zoom-on-hover">
                                            <a href="{{ path('article_content', {id: page.id}) }}"><img src="{{ asset(page.thumbnail) | imagine_filter('related_thumbnail_image') }}" title="{{ page.title }}"></a>
                                            <div class="gdlr-core-blog-thumbnail-category" style="color: #FFF;">
                                                {{ page.category }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class=gdlr-core-blog-grid-content-wrap>
                                        <h3 class="gdlr-core-blog-title gdlr-core-skin-title" id="h3_afec_0" style="margin-bottom: 0px;">
                                            <a href="{{ path('article_content', {id: page.id}) }}">{{ page.title }}</a>
                                        </h3>
                                        <div class="gdlr-core-blog-info-wrapper gdlr-core-skin-divider">
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-author">
                                                <img alt src="{{ asset(page.avatar) }}" class='avatar avatar-50 photo' height=50 width=50>
                                                {% if page.nickname is not empty %}{{ page.nickname }}{% else %}{{ page.username }}{% endif %}
                                            </span>
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-date">
                                                {{ page.publish_time|date('Y-m-d H:i:s', 'PRC') }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                {% if setting.obj.isComment and page.isComment %}
                    <div id=comments class=akea-comments-area>
                        <div class="akea-comments-title ">{{ comment_num }} 评论</div>
                        <ol class="comment-list">
                            {% for item in comments %}
                                <li class="comment even thread-even depth-1">
                                    <article class=comment-article>
                                        <div class=comment-body>
                                            <header class=comment-meta>
                                                <div class="comment-author akea-title-font">{{ item.nickname }}</div>
                                                <div class="comment-time akea-info-font">
                                                    {{ item.createdAt|date('Y-m-d H:i:s', 'PRC') }}
                                                </div>
                                                <div class="comment-reply">
                                                    <a href="#reply-comment" class="comment-reply-item" reply="{{ item.nickname }}" comment_id="{{ item.id }}">回复</a>
                                                </div>
                                            </header>
                                            <section class=comment-content>
                                                {% if item.getParentComment is not null %}
                                                    <span style="color: #ec6a2a; font-size: 16px;">@{{ item.getParentComment.nickname }}</span>
                                                    <div class="quote">
                                                        <i class="fa fa-quote-left"></i><br>
                                                        <p style="text-indent: 20px">{{ item.getParentComment.comment }}</p>
                                                    </div>
                                                {% endif %}
                                                <p>{{ item.comment }}</p>
                                            </section>
                                        </div>
                                    </article>
                                </li>
                            {% endfor %}
                        </ol>
                        {% if comment_num != 0 %}
                            <div id="reply-comment">
                                <div class="gdlr-core-load-more-wrap gdlr-core-js gdlr-core-center-align gdlr-core-item-pdlr">
                                    <a class="gdlr-core-load-more gdlr-core-button-color" onclick="getComment()" id="page-comment-more" page_id="{{ page.id }}" offset="1" end="off">查看更多</a>
                                </div>
                            </div>
                        {% endif %}
                        <div id="respond" class="comment-respond">
                            <h4 id="reply-title" class="comment-reply-title akea-content-font">发表评论</h4>
                            <form onsubmit="return reply()">
                                <div class=comment-form-comment>
                                    <textarea id="comment" name="comment" cols="45" rows="8" required="true" style="resize: none" placeholder="Comment*"></textarea>
                                </div>
                                <div class=akea-comment-form-author>
                                    <input id="author" name="author" maxlength="10" type="text" placeholder="Name*" size="30" required="true">
                                </div>
                                <div class=akea-comment-form-email>
                                    <input id="email" name="email" type="email" placeholder="Email*" size="30" required="true">
                                </div>
                                <div class=clear></div>
                                <p class=comment-form-cookies-consent>讲文明、要和谐，请勿发表违规言论</p>
                                <p class="form-submit" style="text-align: right">
                                    <input type="submit" id="submit" page_id="{{ page.id }}" comment_id="0" class="submit" value="提交评论">
                                </p>
                            </form>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>